
.g-doc{ width:100%; }

/* —------ 顶部提醒栏 —------ */
.g-hd .m-topnav{
	height:36px;
	width:100%;
	background-color:#f3f3f3;
}
.g-hd .m-topnav .wrap-1{
	margin:auto;
	width:1205px;
	padding-top:11px;
}
.g-hd .m-topnav p{ display:inline-block; }
.g-hd .m-topnav a{ color:#1da73f; }
.g-hd .m-topnav p.hint{
	float:right;
	height:12px;
	text-indent:15px;
	background:url(../img/icon.png) no-repeat -82px 0;
	cursor:pointer;
}

/* —------ 底部导航栏 —------*/
.g-hd .m-botnav{
	overflow:hidden;
	margin:auto;
	width:1205px;
	padding:32px 0;
}

/* logo */
.g-hd .m-logo{
	float:left;
	font-size:22px;
}
.g-hd .m-logo i {
	position:relative;
	top:3px;
	width:80px;
	height:19px;
	display:inline-block;
	background:url(../img/icon.png) no-repeat 0 0;
}

/* 关注 */
.g-hd .m-login{ float:left; margin:3px 0 0 35px; } /*这里不能加相对定位，会导致子元素遮罩层在IE8下不能固定*/
.g-hd .m-login .follow-but{
	text-indent:9px;
	width:55px;
	height:22px;
	color:white;
	cursor:pointer;
	border:none;
	border-radius:2px;
	background:#20a942 url(../img/icon.png) no-repeat -120px 1px;
}
.g-hd .m-login .follow-but:hover{ background-color:#2fb556; }
.g-hd .m-login .fans{ margin-left:10px; }
/* 弹出登录框 */
.g-hd .m-login .popup-login{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:99;
}

.g-hd .m-login .mask{
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.6);
	/* iE */
	background:#000000\9; 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

.g-hd .m-login .popup{
	position:absolute;
	top:50%;
	left:50%;
	z-index:100;
	margin:-141px 0 0 -176px;
	width:302px;
	padding:30px 40px 40px 40px;
	background-color:white;
}
.g-hd .m-login .popup p{ font-size:18px; margin-bottom:20px;}
.g-hd .m-login .colse{
	float:right;
	margin:-10px -20px 0 0;
	width:15px;
	height:15px;
	background:url(../img/icon.png) no-repeat -224px -7px;
}
.g-hd .m-login .error {
	margin-bottom: 6px;
	padding-left:15px;
	color: #E91C1C;
	background:url(../img/icon.png) no-repeat -360px -71px;
}
.g-hd .username, .g-hd .password {
	padding-left:50px;
	width:252px;
	height:45px;
	border:1px solid #DFDFDF;
	background:url(../img/icon.png) no-repeat;
}
.g-hd .username{margin-bottom:20px; background-position:-341px 8px; }
.g-hd .password{ background-position:-341px -28px; }
.g-hd .username input, .g-hd .password input{
	width:100%;
	height:45px;
	line-height:45px;
	color:#333;
	font-size:14px;
	border:none;
}
.g-hd .username label, .g-hd .password label {
	position: relative;
	top: -29px;
	color:#666;
}
.g-hd .popup-login .red-bor{ border-color:#E91C1C; }
.g-hd .popup-login .optional {
	margin:10px 0 30px 0;
}
.g-hd .popup-login .optional input{
	position:relative;
	top:2px;
	margin-right:2px;
}
.g-hd .popup-login .optional a{
	float:right;
	position:relative;
	top:2px;
}
.g-hd .popup-login .optional a+a{
	margin-right:5px;
	padding-right:5px;
	border-right:1px solid #C7C7C7;
}
.g-hd .popup-login button{
	width:100%;
	height:40px;
	background-color:#39a030;
	font-size:16px;
	color:white;
	border:none;
}
.g-hd .popup-login button:hover{
	background-color:#45ab3c;
}
.g-hd .popup-login .login-but span{  /* 等待图标动画 */
	display:inline-block;
	width:16px;
	height:16px;
	margin:0 0 -2px 5px;
	background:url(img/loginIn.gif) no-repeat;

}
.g-hd .popup-login button.disable-but{ background-color:#c5c5c5; } /* 禁用按钮 */

/* 关注成功 */
.g-hd .m-login .follow-suc{ display:inline-block; position:relative; }
.g-hd .m-login .follow-suc input{
	width:104px;
	height:20px;
	text-indent:22px;
	border:1px solid #efefef;
	border-radius:2px;
	background:#FAFAFA url(../img/icon.png) no-repeat -74px -12px;
}
.g-hd .m-login .follow-suc a{
	position:absolute;
	left:66px;
	top:5px;
	line-height:1;
	padding-left:7px;
	border-left:1px solid #cccccc; 
}
.g-hd .m-login .follow-suc a:hover{ color:#21a557; text-decoration:underline;}

/* 导航模块 */
.g-hd .m-nav{ float:right; margin-top:4px; font-size:16px;}
.g-hd .m-nav a{ float:left; margin-left:50px; }
.g-hd .m-nav .search{
	width:18px;
	height:18px;
	background:url(../img/icon.png) no-repeat -180px -1px; 
}
.g-hd .m-nav .search:hover{ background-position: -202px -1px; }
.g-hd .m-nav a:hover{ color:#39a030; }

/*-------------主体头部------------*/
.g-bd{ width:100%; }
.g-bd .g-top{ width:100%;}

/* 轮播 */
.g-bd .m-slider{
	position:relative;
	height:460px;
}
.g-bd .m-slider a{
	position:absolute;
	left:50%;
	margin-left:-825px;
	display:block;
}
.g-bd .m-slider .pointer{
	position: absolute;
	/*left:50%;
	transform:translateX(-50%); EI9以下版本不支持*/
	/* 水平居中由js动态控制 */
	bottom:20px;
}
.g-bd .m-slider .pointer li{
	float:left;
	width:12px;
	height:12px;
	margin:5px;
	border-radius:50%; 
	background-color:#5E5E5E;
}
.g-bd .m-slider li.active{ background-color:white; }

/* 三个产品 */
.g-top .m-product{ overflow:hidden; width:1290px; margin:auto;}
.g-top .pro{ float:left; margin:50px 40px; width:350px; }
.g-top .m-product i{
	display:inline-block;
	float:left;
	margin-top:15px;
	width:80px;
	height:80px;
	background-image:url(../img/icon.png);
}
.g-top .m-product .text{ margin-left:100px; }
.g-top .m-product h1{ font-size:22px; font-weight:normal;}
.g-top .m-product p{ margin:15px 0; line-height:1.6; font-size:14px;}
.g-top .m-product a{ font-size:14px; color:#39a030; }
.g-top .m-product a:hover{ text-decoration:underline; }

.g-top .m-product .icon-1{ background-position:0 -32px; }
.g-top .m-product .icon-2{ background-position:-96px -32px; }
.g-top .m-product .icon-3{ background-position:-193px -32px; }

/* 工作环境 */
.g-bd .m-workplace{ position:relative; height:220px; overflow:hidden;}
.g-bd .m-workplace div {
	position:absolute;
	left:50%;
	width:1620px;
	margin-left:-810px;
}
.g-bd .m-workplace img { float: left; }
.g-bd .m-workplace img+img{ margin-left:5px; }

/*-------------主体底部------------*/
.g-bot{ overflow:hidden; width:100%; background:#f8f8f8; }
.g-bot .warp-2 {
	margin: auto;
	padding: 120px 0;
	width: 1220px;
	min-height: 1100px;
}
.g-bot .g-main {
	float: left;
	width:970px;
}
/* 课程切换按钮 */
.g-bot .g-main .tab{ overflow:hidden; }
.g-bot .g-main .tab input{
	width:200px;
	height:50px;
	font-size:18px;
	float:left;
	border:none;
	cursor:pointer;
	background-color:white;
}
.g-bot .tab input.cur{ background-color:#39a030; color:white;}

/* 课程内容 */
.g-bot .m-course{
	margin-left:-10px;
	padding-top:20px;
}
.g-bot .warp-2:after, .g-bot .m-course .course:after{ /* 清除浮动 */
	display:block;
	content:'.';
	clear:both;
	height:0;
	visibility:hidden;
}
.g-bot .m-course .m-team {
	float:left;
	position:relative;
	margin:10px;
	width:225px;
	height:228px;
	box-shadow:0 0 2px #E4E4E4;
	background-color:white;
}
.g-bot .m-course .m-team img{
	width:223px;
	height:124px;
	margin:1px 1px 10px 1px; 
}
.g-bot .m-team .name{ margin-left:5px; }
.g-bot .m-team .provider{ margin:6px 0 10px 5px; color:#bbbbbb; }
.g-bot .m-team span{
	padding:0 5px 0 18px;
	margin-left:5px;
	border:1px solid #bbbbbb;
	color:#bbbbbb; 
	background:url(../img/icon.png) no-repeat -264px -25px;
}
.g-bot .m-team strong{ display:block; color:#ff3f00; margin:10px 0 0 5px; }

/* 课程弹出层 */
.g-bot .m-team a{ display:none; }
.g-bot .m-team:hover a{
	display: block;
	position: absolute;
	top:-10px;
	left:-10px;
	padding:10px;
	overflow:hidden;
	width:470px;
	min-height:230px;
	z-index:98;
	background-color:white;
	box-shadow:0 0 3px #E4E4E4;
}
.g-bot .m-team a img{ float:left;}
.g-bot .m-team a h3{ margin:0 0 12px 233px; font-weight:normal; font-size:22px;  }
.g-bot .m-team a span{ border:none; color:#666; }
.g-bot .m-team a .j-provider { margin:10px 0 0 233px; color:#666; }
.g-bot .m-team a .j-category{ margin:5px 0 0 233px; color:#666; }
.g-bot .m-team a .j-description { clear:left; font-size:14px; line-height:1.6 }

/* 翻页器 */
.g-bot .g-main .page{ float:right; margin:30px 10px 0 0;}
.g-bot .g-main .page li {
	float: left;
	margin-left:6px;
	width:30px;
	height:20px;
	line-height:20px;
	text-align:center;
	font-size: 16px;
	cursor: pointer;
}
.g-bot .g-main .page li:hover{ color:#58BA95; }
.g-bot .g-main .page li.active{ color:#58BA95; }
.g-bot .g-main .prev, .g-bot .g-main .next{
	background:#9dd8b1 url(../img/icon.png) no-repeat;
}
.g-bot .page .prev{ background-position:-300px 0; }
.g-bot .page .next{ background-position:-323px 0; }

/* -----------右侧---------- */
.g-bot .g-side {
	float:left;
	margin-left:30px;
	width:220px;
}
/* 视频 */
.g-bot .m-video {
	height: 225px;
	box-shadow: 0 0 3px #E4E4E4;
	background-color:white;
}
.g-bot .m-video h3{
	padding: 18px 0 18px 20px;
	border-bottom: 1px solid #DFDFDF;
	font-size: 16px;
	font-weight: normal;
}
.g-bot .m-video p{ margin:15px 0 0 20px; color:#666; }
.g-bot .m-video .video { margin: 10px 20px 20px 20px; position:relative; }
.g-bot .m-video .play-icon {
	position: absolute;
	top: 32px;
	left: 67px;
	width:47px;
	height:47px;
	background: url(../img/icon.png) no-repeat -290px -53px;
	cursor: pointer;
}

/* 弹出视频 */
.g-bot .m-video .popup-video{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:97;
	background:rgba(0, 0, 0, 0.6);
}
.g-bot .m-video .popup{
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-300px;
	margin-left:-465px;
	background-color:white;
}
.g-bot .m-video .colse{
	float:right;
	margin:15px 15px 0 0;
	width:10px;
	height:10px;
	background:url(../img/icon.png)no-repeat -228px -7px;
}
.g-bot .m-video video{ display:block; clear:both; margin:30px 20px 20px 20px;}

/* 最热排行 */
.g-bot .m-list {
	margin-top: 30px;
	box-shadow:0 0 3px #E4E4E4;
	background-color: white;
}
.g-bot .m-list .warp-3 {
	position:relative;
	height:720px;
	overflow:hidden;
}
.g-bot .m-list .list {
	position: absolute;
	top:0;
	left:0;
}
.g-bot .m-list h3{
	padding: 18px 0 18px 20px;
	border-bottom: 1px solid #DFDFDF;
	font-size: 16px;
	font-weight: normal;
}
.g-bot .m-list .list div {
	float:left;
	margin-right:10px;
	width: 50px;
	height: 50px;
	overflow: hidden;
}
.g-bot .m-list .list a{ display:block; overflow:hidden; margin:20px 20px 0 20px;}
.g-bot .m-list .list p{
	width:120px;
	margin-bottom:10px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.g-bot .m-list .list span {
	padding: 0 0 0 15px;
	color: #bbbbbb;
	background: url(../img/icon.png) no-repeat -268px -24px;
}

/* -----------底部信息---------- */
.g-ft{ width:100%;  background-color:#2c3339; }
.g-ft .m-info {
	margin: auto;
	overflow: hidden;
	padding: 60px 0;
	width: 980px;
	color: #fff;
}
.g-ft .copyright{ float:left; margin-top:20px;}
.g-ft .copyright div{
	color:#39a030;
	font-size:22px;
}
.g-ft .copyright  div i{
	position:relative;
	top:3px;
	width:80px;
	height:19px;
	display:inline-block;
	background:url(../img/icon.png) no-repeat 0 0;
}
.g-ft .copyright p {
	margin-top: 25px;
	line-height: 1.6;
	font-size: 13px;
	opacity: 0.6;
}
.g-ft .link{ float:right; opacity:0.6;}
.g-ft .link div{ float:left; margin-left:70px; font-size: 14px;}
.g-ft .link div a {
	display: block;
	margin-top: 20px;
	color: #fff;
}
.g-ft .link a.weibo {
	padding-right:30px;
	background: url(../img/icon.png) no-repeat -247px -3px;
}
.g-ft .link div a:hover {
	text-decoration: underline;
}

@media screen and (max-width:1205px){ /*小于1205px*/
	/*.g-hd{ width:1205px; }*/
	.g-hd .m-topnav .wrap-1{ width:980px; }
	.g-hd .m-botnav { width:980px; }
	.g-top .m-product{ width:1110px; }
	.g-top .pro{ margin:50px 20px; width:330px; }
	.g-bot .g-main{ width:725px; }
	.g-bot .warp-2{ width:975px; }
}